.page {
	position: relative;
	z-index: 9999;
	.tab-box {
		width: 100%;
		background-color: #ffffff;
		padding-left: 20rpx;
		box-sizing: border-box;
		border-bottom: 4rpx solid #f7f7f7;

		.u-tabs-box {
			width: 550rpx;
		}
		.tabs-item {
			margin-right: 20rpx;
			color: #919092;
			font-size: 15px;
			height: 44px;
			line-height: 44px;
		}
		.tabs-item-active {
			color: #3b75ff !important;
			position: relative;
			&::after {
				content: '';
				position: absolute;
				width: 20px;
				height: 3px;
				background: #3b75ff;
				bottom: 2px;
				left: 50%;
				transform: translate(-50%, 0);
			}
		}
	}
	.detail-content-box {
		width: 100%;
		padding: 24rpx;
		box-sizing: border-box;
		.item-box {
			width: 100%;
			background: #ffffff;
			border-radius: 36rpx;
			margin-bottom: 24rpx;
			padding: 36rpx 36rpx 22rpx;
			box-sizing: border-box;

			.title {
				font-weight: 500;
				font-size: 32rpx;
				color: #000000;
				margin-bottom: 30rpx;
			}
			.tips-box {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 30rpx;
				.title {
					margin-bottom: 0rpx;
				}
			}

			.item-box-item {
				width: 100%;
				min-height: 54rpx;
				margin-bottom: 16rpx;
				&:last-child {
					margin-bottom: 0;
				}
				.txt {
					font-weight: 400;
					font-size: 28rpx;
					color: #999999;
				}
				.content {
					font-weight: 500;
					font-size: 28rpx;
					color: #1b2431;
					max-width: 440rpx;
					text-align: right;
					.icon-dianhua {
						color: #d8d8d8;
						margin-right: 10rpx;
					}
					.txt-btn {
						font-weight: 500;
						font-size: 28rpx;
						color: #3b75ff !important;
						text-decoration-line: underline !important;
					}
					.img-box {
						width: 45rpx;
						height: 45rpx;
						border-radius: 8rpx;
						margin: 0 0 10rpx 10rpx;
					}
				}
			}
			.item-box-item2 {
				width: 100%;
				border-top: 1rpx solid #f2f2f2;
				font-weight: 400;
				font-size: 28rpx;
				color: #1b2431;
				padding: 18rpx 0 30rpx;
				box-sizing: border-box;
			}

			// 折叠面板
			.u-collapse {
				margin-bottom: 24rpx;
			}
			.u-cell--clickable {
				background-color: transparent !important;
			}
			.u-cell__body {
				padding: 0;

				.u-cell__title-text {
					font-weight: 400;
					font-size: 28rpx;
					line-height: unset;
					color: #999999;
				}
				.u-cell__value {
					font-weight: 500;
					font-size: 28rpx;
					line-height: unset;
					color: #1b2431;
					max-width: 440rpx;
					text-align: right;
				}
			}
			.u-collapse-item__content__text {
				padding: 0;
			}
			.item-child-box {
				padding: 26rpx 26rpx 12rpx;
				background: #f7f7f7;
				border-radius: 8rpx;
				margin-top: 24rpx;
			}

			// 历史记录
			.u-steps-item {
				margin-left: -15rpx;
			}
			.u-steps-item__line {
				background-color: rgba(0, 0, 0, 0) !important;
				border-left: 1rpx dashed #e4e7ed !important;
			}
			.steps-title {
				width: 100%;
				.steps-title-title {
					color: #949494;
					font-size: 24rpx;
				}
				.steps-title-user-data-box {
					height: 40rpx;
					background: #f9f7fa;
					border-radius: 50rpx;
					padding: 0 15rpx;
					line-height: 40rpx;
					font-weight: 400;
					font-size: 26rpx;
					color: #949494;
					.avater-box {
						width: 30rpx;
						height: 30rpx;
						border-radius: 50%;
						margin-right: 20rpx;
					}
					.user-name {
						font-weight: 400;
						font-size: 24rpx;
						color: #949494;
						max-width: 200rpx;
					}
				}
			}
			.steps-desc {
				width: 100%;
				padding: 20rpx;
				box-sizing: border-box;
				background-color: #f5f7fa;
				border-radius: 10rpx;
				margin: 20rpx 0;
				.steps-desc-title {
					font-size: 26rpx;
					color: #000000;
				}
				.steps-desc-box {
					margin-top: 20rpx;
					.steps-desc-box-title {
						font-size: 24rpx;
						color: #828a9d;
						margin-right: 10rpx;
					}
					.steps-desc-box-desc {
						font-size: 24rpx;
						color: #1b2431;
						.img-box {
							width: 50rpx;
							height: 50rpx;
							border-radius: 8rpx;
							margin: 10rpx 10rpx 0 0;
							position: relative;
							overflow: hidden;
							image {
								width: 100%;
								height: 100%;
							}
							.del-box {
								width: 100%;
								height: 100%;
								position: absolute;
								left: 0;
								top: 0;
								display: flex;
								align-items: center;
								justify-content: center;
								background-color: rgba(0, 0, 0, 0.5);
								z-index: 1;
								color: #fff;
								font-size: 20rpx;
							}
						}
					}
				}
			}
		}
	}
	.bottom-btn-box {
		width: 100%;
		// height: 120rpx;
		background: #ffffff;
		padding-left: 24rpx;
		padding-right: 24rpx;
		border-top: 4rpx solid #f7f7f7;
		box-sizing: border-box;

		.flex-box {
			width: 90%;
		}
	}
}
